/*
Theme Name: OkhatiRemodel
Description: New template for Okhati.org
Author: Bipul Luitel and Sujan Baral
Author URI: http://okhati.org
Theme URI: http://okhati.org/Okhatiremodel
Version: 1.0
Tags: single page, interactive
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
html,body{height:100%;overflow:hidden;font-family: 'Headland One', serif, Verdana;}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {padding:0.4em;}
li {list-style:square; margin:0.5em 0 0 2em;}
dt {margin:1em 0; font-weight:bold;}
dd {margin:0 1em; padding-left:1em; border-left:1px solid #ddd;}
th, td {padding:0.5em; border:1px solid #ddd;}
blockquote {margin:0 1em; padding-left:1em; border-left:1px solid #ddd;}
pre {font-family:monospace; background:#f8f8ff; padding:0.5em; overflow:auto;}
sup, sub {height:0; line-height:1; vertical-align:baseline; position:relative; font-size:10px;}
sup {bottom:1ex;}
sub {top:0.5ex;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}

body {color:#111;}
a {color:#d33;text-decoration:none;}
p {line-height:1.3em;font-size:0.9em;font-family: 'Headland One', serif, Verdana;}
h1 {font-size:1.4em;color:#d33;}
h2 {font-size:1.3em;color:#d33;}
h3 {font-size:1.1em;}
h1,h2,h3,h4,h5,h6 {clear:both;font-family:'Oswald', 'Trebuchet MS', Georgia;}
h1.titlehead{background:#000;color:#39f;}
h1.titlehead a{text-decoration:none;color:#39f;}
h1.titlehead a:hover{color:#39f;}
a:hover{color:#39f;}
h3,h4{color:#39f;}
h3{background:#000;}
h3.intext{background:#39f;color:#000;text-align:center;}
img, a img{border:0;}
textarea{text-align:left;}
#ajaxloading{display:none;position:absolute;top:5px;left:180px;z-index:1000;}
#fullblackbg{width:100%;height:100%;position:fixed;top:0;left:0;background:none;
background:rgba(10,10,10,0.5);z-index:100000;display:none;}
#middleBox{background:#fff;position:relative;width:70%;height:100%;overflow:auto;
margin:0 auto;border-left:2px solid #333;border-right:2px solid #333;}
#Owrap{width:100%; height:100%;margin:0 auto;padding:0;position:relative;float:left;overflow:auto;}
#Oside{position:absolute;top:0;left:0;width:238px;height:100%;display:block;padding:0;
border-right:2px solid #bbb;float:left;background:#ddd;z-index:2;}
#Ologo, #Onav, #Omainnav, #Osubnav{float:left;width:100%;}
#Ologo{background:#000;}
#Ologo h2{font-size:1.7em;}
#Ologo h2 a {text-decoration:none;color:#39f;}
#Ologo p{color:#999;}
#Ologo img{height:40px;}

#Ocontent{width:100%;height:100%;display:block;float:left;position:absolute;top:0;left:0;z-index:1;}
#Omainbox{width:100%;height:100%;display:block;float:right;}
#Opopup{z-index:100;height:100%;position:absolute;right:0;top:38px;display:none;}
.popone{float:right;width:318px;height:100%;overflow:auto;
background:#eee;border-left:2px solid #bbb;position:relative;}
.closeit{position:absolute;right:15px;width:35px;height:35px;float:right;display:block;z-index:1000;}
.closeit a{width:35px;height:35px;display:block;
background:url(img/closeit.png) center center no-repeat;}
.page{height:100%;overflow:hidden;}
.apage{height:100%;overflow-y:scroll;}
.fullheight{height:100%;}
.fullheight a img{border:1px solid #000;}
#Onav ul{list-style:none;padding:0;}
#Onav ul li{display:block;width:100%;margin:0;text-align:left;}
#Onav ul li a{padding:8px 5px;line-height:1.5em;border-top:1px solid #39f;border-bottom:1px solid #39f;
background:#000;color:#39f;font-size:1.2em;display:block;}
#Onav ul li a:hover{color:#fff;background:#222;}
#Omobnav{display:none;}
#Omobnav a{color:#39f;}
#Omobnav a:hover{color:#fff;background:#39f;}
.profilepic{background:#eee;width:180px;margin:5px;float:left;border:1px solid #39f; text-align:center;}
img.imgfloat{float:left;margin:5px;width:160px;}
.profilepic p{padding:5px;font-size:1.2em;}

/* MAP */
#Osearchmap{background:#bbe;float:left;width:232px;margin:2px;border:1px dotted #666;border-radius:5px;
display:block;text-align:center;padding-bottom:5px;}
#Osearchmap form{position:relative;}
#optholders{width:226px;padding:2px;margin:1px;position:relative;float:left;display:block;height:auto;}
#searchText{float:left;display:block;width:221px;padding:2px;margin:5px 2px 0 2px;border:1px solid #39f;line-height:24px;font-size:20px;
font-family: 'Headland One', serif, Verdana;}
#search-button{float:left;display:block;line-height:24px;font-size:20px;font-family: 'Headland One', serif, Verdana;
background:#39f;border-radius:5px;width:224px;margin:2px 4px;}
#Osearchresultholder {z-index:2005;position: absolute;background: #fff;border: 1px solid #333;left: 235px;display:none;width:250px;
height:auto;max-height:200px;overflow:auto;text-align: left;font-size: 14px;}
#Ohideshowresult{z-index:2010;display:none;width:20px;height:20px;position:fixed;margin-top:-21px;left:238px;border:1px solid #333;}
a.showresultbox{background:url(img/right.png);}
a.hideresultbox{background:url(img/left.png);}
p.mapInfoDesc{padding-left:0;margin-left:0;color:#666;}
ul#srchres{list-style:none;padding:0;}
ul#srchres li{display:block;width:100%;margin:0;text-align:left;}
ul#srchres li a{padding:8px 5px;line-height:1.1em;border-bottom:1px solid #d33;
background:#39f;color:#000;font-size:1em;display:block;}
ul#srchres li a:hover{color:#fff;background:#d33;}
#distholder,#catholder{margin:2px 0;padding:1px;background:#fff url('img/down.png') top right no-repeat;height:20px;border:1px solid #39f;}
#distholder span,#catholder span{cursor:hand;cursor:pointer;display:block;padding:2px;color:#000;font-size:14px;line-height:16px;}
#searchcat,#searchdist{position:absolute;top:0px;left:240px;width:330px;height:165px;overflow:auto;border:1px solid #333;border-radius:5px;
background:#fff;z-index:2001;display:none;}
#searchcat label, #searchdist label{font-size:12px;text-align:left;float:left; height:30px;margin:2px; width:125px;
font-family: 'Headland One', serif, Verdana;padding:5px 24px 0 1px;border:1px dotted #ddd;}
#optholders label input[type="checkbox"]{float:left;margin:2px 5px 0 1px;padding:0;}
div.checkwrap{float:left;padding:0;margin:2px;width:15px;height:15px;display:block;
background:url('img/checked.png') top left no-repeat ;color:#d33;}

.mapinform{width:250px;height:auto;}
.mapinfotitle{font-family:'Oswald', 'Trebuchet MS', Georgia;margin-bottom:10px;}
p.mapinfodesc{font-size:11px;color:#666;}
img.approxicon{margin-top:10px;}

/*WIKI*/
#pulldatabox h4 {color:#d33;}
#pulldatabox{position:relative;float:left;width:100%;}
#statOverview{float:left;width:98%;margin:10px 2px;border-bottom:1px solid #666;}
#pullwikitable{position:relative;float:left;}
#pullwikitable table.infobox{font-size:11px;width:auto;margin-right:5px;float:right;}
#pullwikitable table.metadata{display:none}
#pullwikitable table td{max-width:300px;overflow:hidden;}
.thumb, .tright{float:left; margin:5px;}
.thumbinner{border:1px solid #666;}
#pullwikitable .error{display:none;}

/* AAD */
#qform{margin:10px 5px 5px 0;float:right;width:350px;height:35px;}
#qtitle{float:left;height:29px;width:268px;border:1px solid #666;line-height:24px;font-size:20px;padding:2px;}
#qsearch{float:left;height:35px;width:68px;border:1px solid #666;line-height:24px;font-size:20px;padding:2px;}

#ansformdiv{position:relative;clear:both;margin:10px 0 5px 0;float:right;width:95%;height:180px;background:#FCFCB2;}
#hideansform{position:absolute; top:160px;font-size:10px;right:10px;}
#anstext{width:350px;height:150px;margin:5px;}
#ansit{float:right;}

#qanda{float:left;text-align:left;margin:10px 0 20px 0;width:100%;padding-bottom:20px;}
#qbox{background:#FCFCB2;width:92%;text-align:left;margin:2%;padding:2%;}
#qbox span{font-size:11px;}
#quest{width:100%;border:1px solid #000;margin-bottom:10px;}
#quesd{height:100px;width:100%;border:1px solid #000;margin-bottom:20px;}
#qsubmit{margin:5px;}
.qquest{border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:10px;float:left;display:block;width:99%;border-left:5px solid #666;position:relative;}
.qtitle{display:block;padding:5px;}
.qdesc{display:block;padding:5px 5px 5px 20px;}
.qquestmeta{margin:10px 10px 0 10px;display:block;text-align:right;}
.qauth{width:100px;font-size:11px;color:#666;margin:0 10px;}
.qauthans{width:100px;font-size:11px;margin:0 10px;}

.ansgrup{float:left;margin-left:5%;width:95%;}
.qans{width:90%;float:left;border-left:5px solid #00f;margin-bottom:10px;}
.ansauth{display:block;margin-left:10px;font-size:11px;color:#600;}
.ansdesc{float:left;margin:5px;}
.absrightdel{position:absolute;top:10px;right:10px;width:15px;height:15px;font-size:13px;padding:1px;color:#fff;background:#600;border-radius:3px;text-align:center;}
/* Mobile optimization */
@media only screen and (max-width: 899px) {
#middleBox{width:100%;}
}
/* Mobile optimization */
@media only screen and (max-width: 680px) {
#Ocontent{top:50px;border-top:1px solid #39f;}
#Onav{position:absolute;top:50px;right:0;z-index:2100;}
#Omainbox{width:100%;}
#Ologo,#Oside{height:50px;width:100%;}
#Ologo h2{float:left;margin-right:10px;}
#Ologo p{float:left;margin-top:10px;}
#Ologo img{margin:5px 5px 0 10px;}
#Omobnav{display:block;position:absolute;top:15px;right:5px;}
#Omobnav a{border:1px solid #39f;padding:5px;color:#39f;}
#Onav{width:250px;float:right;background:#000;}
#Osearchmap{height:40px;width:100%;border:0;border-radius:0;margin:0;padding:0;position:absolute;top:50px;left:0;}
#Osearchmap h2{float:left;font-size:14px;}
/*#Osearchmap form{float:left;}*/
#search-button{width:80px;font-size:14px;line-height:18px;}
#searchText{font-size:14px;line-height:16px;float:left;margin:2px;width:150px;}
#Omainnav{display:none;right:0}
#Osearchresultholder{top:34px;left:0;}
#Ohideshowresult{margin-top:41px;left:0px;}
#distholder,#catholder{text-align:left;float:left;margin:2px;width:145px;}
#optholders{width:auto;padding:0;margin:0;}
#searchcat,#searchdist{top:28px;left:0px;}
.apage{overflow-y:visible;}
@media only screen and (max-width: 584px) {
#Ologo p{display:none;}
#Osearchmap h2{display:none;}
}
@media only screen and (max-width: 480px) {
#Owrap,#fullblackbg{width:480px;}
}

